<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>摆渡村-壁纸-首页</title>
    <link rel="stylesheet" th:href="@{/css/menu.css}">
    <link rel="stylesheet" th:href="@{/css/login.css}">
    <link rel="stylesheet" th:href="@{/css/setting.css}">
    <script rel="script" th:src="@{/js/vue.js}"></script>
</head>
<body>
<div id="app">

    <div class="nav">
        <div class="brand">
            <div class="brand-title">摆渡壁纸</div>
        </div>
        <div class="menu">
            <ul>
                <li><a th:href="@{/}">首页</a></li>
                <li><a th:href="@{/view}">浏览</a></li>
                <li><a th:href="@{/me}">我的</a></li>
            </ul>
        </div>
        <div class="user">
            <div th:if="${session.say}" class="user-login"><a th:href="@{/me}" th:text="${session.user?.userNickname}">登录</a></div>
        </div>
    </div>

    <div class="login" style="margin-top: 100px;">
        <div class="login-context">
            <div class="title">
                <h2>修改资料</h2>
                <h5 th:text="${msg}" style="color: red;"></h5>
            </div>
            <form method="post" th:action="@{'/set/' + ${user.userId}}" style="margin-top: -200px;">
                <div class="input-control">
                    <label>
                        <input th:value="${user.userEmail}" type="text" placeholder="请输入您的邮箱" name="email">
                    </label>
                </div>

                <div class="input-control">
                    <label>
                        <input th:value="${user.userNickname}" type="text" placeholder="请输入您的昵称" name="nickName">
                    </label>
                </div>

                <div class="input-control">
                    <label>
                        <select class="select" name="sex">
                            <option value="1" th:selected="${user.userSex} == 1">汉子</option>
                            <option value="2" th:selected="${user.userSex} == 2">妹子</option>
                        </select>
                    </label>
                </div>

                <div class="input-control" style="height: 100px;">
                    <label>
                        <textarea th:text="${user.userProfile}" placeholder="请输入您的个人介绍" name="info"></textarea>
                    </label>
                </div>

                <div class="input-control">
                    <label>
                        <input th:value="${birth}" type="text" placeholder="请输入您的生日" name="birth">
                    </label>
                </div>

                <div class="input-control">
                    <label>
                        <input th:value="${user.userPassword}" type="password" placeholder="请输入您的密码" name="password">
                    </label>
                </div>

                <div class="input-control" style="background-color: #1890ff">
                    <label>
                        <input type="submit" value="修改" style="background-color: #1890ff;color: #ffffff;font-size: 18px;">
                    </label>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="application/javascript">
    let vm = new Vue({
        el: '#app',
        data: {
            nav: {
                display: {
                    logo: true
                }
            }
        }
    });
</script>
</body>
</html>